<ul class="breadcrumb">
	<li><span class="primary-font"><i class="fa fa-home"></i></span><a href="javascript:;" class="itemHasChild" refTpl="html/pcsuccess/main.tpl" refJs="js/pcsuccess/main.js" ty="1"> 主页</a></li>
	<li>公众号管理</li>	 
	<li>关键字管理</li>	 
</ul>

<div class="smart-widget">
	<div class="smart-widget-header">
		<div class="search-input">
			<input type="text" class="form-control input-sm inline-block" id="searchParams" name="searchParams">
		</div>
		
		<span class="smart-widget-option">
			<button id="addWechatKeys" class="btn btn-success marginTB-xs">新增关键字</button>
        </span>
	</div>
	<div class="smart-widget-inner">
		<div class="smart-widget-hidden-section">
			<ul class="widget-color-list clearfix">
				<li style="background-color:#20232b;" data-color="widget-dark"></li>
				<li style="background-color:#4c5f70;" data-color="widget-dark-blue"></li>
				<li style="background-color:#23b7e5;" data-color="widget-blue"></li>
				<li style="background-color:#2baab1;" data-color="widget-green"></li>
				<li style="background-color:#edbc6c;" data-color="widget-yellow"></li>
				<li style="background-color:#fbc852;" data-color="widget-orange"></li>
				<li style="background-color:#e36159;" data-color="widget-red"></li>
				<li style="background-color:#7266ba;" data-color="widget-purple"></li>
				<li style="background-color:#f5f5f5;" data-color="widget-light-grey"></li>
				<li style="background-color:#fff;" data-color="reset"></li>
			</ul>
		</div>
		<div class="smart-widget-body">
			<table class="table table-striped" id="messageTable">
	      		
		    </table>
		</div>
	</div>
</div>
		
<!-- 增加关键字模态框 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" id="addWechatKeysMation" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">新增关键字</h4>
            </div>
            <div class="modal-body">
                <form id="addWechatKeysForm" class="form-horizontal form-bordered" role="form">
                    <div class="form-group">
                        <label for="context" class="col-sm-2 control-label no-padding-right">回复内容:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="context" name="context" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="wetherClose" class="col-sm-2 control-label no-padding-right">是否正在运作:</label>
                        <div class="col-sm-10">
                           <select id="wetherClose" name="wetherClose" class="form-control">
                              <option value="0">停止运作</option> 
                              <option value="1">正在运作</option> 
                           </select>
                        </div>
                    </div>
                     <div class="form-group">
                        <label for="wechatKey" class="col-sm-2 control-label no-padding-right">关键字:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="wechatKey" name="wechatKey" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="wechatKeyType" class="col-sm-2 control-label no-padding-right">关键字类型:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="wechatKeyType" name="wechatKeyType" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="wetherComplet" class="col-sm-2 control-label no-padding-right">是否完全匹配:</label>
                        <div class="col-sm-10">
                             <select id="wetherComplet" name="wetherComplet" class="form-control">
                              	<option value="1">完全匹配</option> 
                              	<option value="0">模糊匹配</option> 
                           </select>
                        </div>
                    </div>
              
                    <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-palegreen">保存</button>
						</div>
					</div>
                </form>
            </div>
        </div>
    </div>
</div>



<div class="modal fade bs-example-modal-lg" tabindex="-1" id="updateWechatKeysMation" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" id="closeButton" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">修改关键字</h4>
            </div>
            <div class="modal-body">
                <form id="updateWechatKeysForm" class="form-horizontal form-bordered" role="form">
                    <div class="form-group">
                        <label for="updatecontext" class="col-sm-2 control-label no-padding-right">回复内容:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updatecontext" name="updatecontext" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updatewetherClose" class="col-sm-2 control-label no-padding-right">是否正在运作:</label>
                        <div class="col-sm-10">
                             <select id="updatewetherClose" name="updatewetherClose" class="form-control">
                               <option value="0">停止运作</option> 
                               <option value="1">正在运作</option> 
                           </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updatewechatKey" class="col-sm-2 control-label no-padding-right">关键字:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updatewechatKey" name="updatewechatKey" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updatewechatKeyType" class="col-sm-2 control-label no-padding-right">关键字类型:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updatewechatKeyType" name="updatewechatKeyType" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updatewetherComplet" class="col-sm-2 control-label no-padding-right">是否完全匹配:</label>
                        <div class="col-sm-10">
                            <select id="updatewetherComplet" name="updatewetherComplet" class="form-control">
                               <option value="0">模糊匹配</option> 
                               <option value="1">完全匹配</option> 
                            </select>
                        </div>
                    </div>
                    
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-palegreen">保存</button>
						</div>
					</div>
                </form>
            </div>
        </div>
    </div>
</div>


